@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding: 0;
margin: 0;
outline: none;
font-family: Microsoft YaHei, Arial;
}
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#888;}
a:hover{ color:#900;}
#title{color:#cd3301;}
.Clear{ clear:both; float:none;}
.Z{zoom:1;}
li{  list-style:none;}
img{ border:0;}
body {background: url(../images/bg_index.jpg) repeat-y  center center; font-size:14px;}
.Head{ background:url(../images/background.png) repeat-x ; height:95px;}
.Mainmenu{ background:url(../images/header_menu.jpg) no-repeat; margin:auto; width:1015px; height:95px;}
.Mainmenu .logo a {width:240px; height:92px;float: left; text-indent:-999px;}
.rexian {float:right; width:430px; margin-top:15px; height: 24px; font-size:16px;color: #666; }
.rexian span {font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size:20px; color: #9f0000;}
.meau {width: 730px;float: left;margin-top:8px;}
.nav {height: 34px;list-style-type: none;line-height: 34px;margin-left:100px;overflow: hidden;}
.nav li{float: left; width:90px;}
.nav .home{ width:70px;}
.nav li a{ color:#FFF;}
.nav li a:hover{ font-weight:bold; font-size:15px;}
.FlashBg { overflow:hidden; width:100%; clear:both; margin:0; padding:0; }
.FlashLine{ height:310px; width:1200px; margin:auto; }
.Width{ width:1010px; margin:auto; clear:both; float:none;}

.CentTip{ border:1px solid #d0d0d0; height:220px;-webkit-border-radius:6px; -moz-border-radius:6px;  border-radius:6px;color:#666666; }
.CentTip .AboutUs, .CentTip .WebDesign ,.CentTip .SystemDevelop{ width:335px; height:200px; border-left:1px solid #d0d0d0; float:left; padding-top:20px;  overflow:hidden; }
.WebDesign .Title,   .SystemDevelop .Title{ color:#000; width:160px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left; margin-left:20px; }
.WebDesign .Fontsize,.SystemDevelop .Fontsize{ font-size:12px;}
.WebDesign .Img,    .SystemDevelop Img{ margin-top:-10px; }
.WebDesign .Box,    .SystemDevelop .Box ,.AboutUs .Box{ line-height:22px; text-indent:24px; display:block; margin:5px 15px 0 15px;}
.WebDesign .More,   .SystemDevelop .More ,.AboutUs .More{ background:url(../images/icon.png) -26px 1px  no-repeat; text-indent:-30px; width:10px; float:right;margin: -166px 20px 0 0; }
.SystemDevelop .Box{ width:300px; height:110px; overflow:hidden; }
.WebDesign .Title{ float:none;}
.WebDesign ul{ height:140px;  margin-top:8px; overflow:hidden;}
.WebDesign li{ line-height:24px; margin-left:20px;}
.WebDesign .More a, .SystemDevelop .More a ,.AboutUs .More a{ color:#333;}
.CentTip .AboutUs{ float:left; border-left:none;}
.CentTip .AboutUs h1{ font-family:"微软雅黑"; font-size:15px; color:#000; margin:0 0 0 10px; line-height:12px; height:25px;}
.CentTip .AboutUs .Box { margin:0px 15px 0 0;}
.CentTip .AboutUs .Box .Img{ float:left; margin-right:10px; width:110px}
.CentTip .AboutUs .Box .Text{display:block; width:200px; height:140px; float:left; overflow:hidden;}
.CaseShow { margin:10px  auto 15px auto; }
.CaseShow  h1{ height:35px; border-bottom:1px solid #e0e0e0; font-size:16px; line-height:38px;}

.IndexProContainer {width: 1010px;margin: 0 auto;position: relative;}
.IndexProWrap {width: 1010px;float: left;position: relative;}
.IndexProWrap li, .ViceProWrap li {position: relative;float: left;width: 315px;display: block;margin: 10px 16px 15px 5px;cursor: pointer;}
.IndexProDesc{ display:block; height:110px; background-color:#f8f8f8; line-height:26px; color:#666; padding:0 10px; overflow:hidden;}
.IndexProImg {overflow: hidden;position: relative;width: 315px;height:180px;display: block;}
.IndexProName {height: 38px;display: block;width: 100%;}
.IndexProNamePrefix {background:url(../images/icon.png) -2px -50px no-repeat;}
.IndexProNamePrefix {width: 38px;height: 38px;float: left;}
.IndexProContainer ul li p {display: none;
	width: 260px;height: 180px;position: absolute;z-index: 1;font-size: 16px;text-align: left;padding: 20px 30px;background: #379dd8;color: #eaeaea;left:0px;bottom: -4px;font-family:"微软雅黑";line-height: 20px;overflow: hidden;}
.IndexProContainer ul li p a{ color:#000;}
.IndexProNameContent {display: inline-block;_zoom: 1;float: left;background: #e6e6e6;width: 277px;height:38px;color: #fff;line-height: 38px;text-indent: 20px;}
.IndexProNameContent a{ color:#333;}
.ExpressTools{background:#f9f9f9;margin:15px auto 15px auto; min-height:220px;}
.ToolsPart{ width:307px; float:left; margin:10px 12px; overflow:hidden;}
.ToolsPartTitle {color: #333; display:block;height: 30px;width:307px;line-height: 30px;background:url(../images/Toopline.jpg) no-repeat bottom;}
.ToolsPartShowMore {line-height: 40px;width: 30px;float:right;}
.l {margin-right: 5px;_margin-right: 2px;float:left;}
.r{ float:right;}
.en{font-size:14px;color: #ae0200;line-height:32px;display: inline-block; float:left;}
.ToolsPartContent {color: #646464;margin: 10px 0;line-height: 30px;}
.ToolsPartContent li {height: 30px;width:307px;}
.ToolsPartContent li a:hover{ color:#ae0200}
.ToolsPartContent .Tel,.ToolsPartContent .Fax,
.ToolsPartContent .Email,.ToolsPartContent .Company{ line-height:35px;  text-indent:2px; float:none; clear:both;}

.ToolsPartContent .Tel i ,.ToolsPartContent .Fax i,
.ToolsPartContent .Email i,.ToolsPartContent .Company i{ width:26px; height:22px; background:url(../images/icon2.png) no-repeat; display:block; float:left;}

.ToolsPartContent .Tel i{ background-position: 0 0px; margin-top:5px; height:25px;}
.ToolsPartContent .Fax i{background-position: 0 -30px; margin-top:8px;}
.ToolsPartContent .Email i{ background-position: 0 -55px; margin-top:10px;}
.ToolsPartContent .Company i{ background-position: 0 -74px; margin-top:4px;}

.DateTime{ float:right; margin-right:10PX;}
.wa {width: 100%;}
.IdxName, .IdxEmail, .IdxPhone {width: 298px;margin-top: 10px;float: left;height: 35px;border: 1px solid #ccc;background: #faf7f7;text-indent: 10px;color:#036;line-height: 35px;}
.IdxYouWant {width: 200px;margin-top: 10px;float: left;height: 76px;border: 1px solid #CCC;background: #faf7f7;color:#036;text-indent: 20px;}
.IdxSubmit {width: 78px;height: 78px;margin-top: 10px;background: #FFF;border: 1px solid #ccc;color: #900;cursor: pointer;}
.FriendLink{ background:url(../images/background.png) 0 -305px repeat-x; background-color:#FFF; min-height:50px; padding-top:25px; clear:both; overflow:hidden;}
.LinkTitle{ width:150px; line-height:35px; text-align:center;  border-right:1px dotted #999;color:red;}
.LinkContent li{ float:left; display:block; margin:5px 10px; }
.FootBotom{ background:url(../images/background.png) 0 -193px repeat-x; height:102px; padding-top:10px}
.FootBotom ul{margin:10px 50px 0 50px;line-height:30px; text-align:center;}
.FootBotom .untitled{position:absolute; margin: -10px 0 0 0;}
.FootBotom .beian{position:absolute;  margin: -10px 0 0 40px;}

/*经典案例页面*/
.CaseShow h1,.WrapperLeft h1{ font-size:14px; color:#d93333;}+
.CaseShow h1 font, .WrapperLeft h1 font{ color:#000;}
.Banner{ overflow:hidden; width:100%; margin: 0 auto;background: #3996DB;}
.Banner .FlashLine{ height:234px; width:1200px; margin:auto;}
.Banner  .NewsFlashLine{ width:100%; text-align:center; background:url(../images/newsbanner.jpg) no-repeat center;}
.Banner .NewsFlashLine img{ margin:85px 0 0 0;}
.Wrapper{ margin-top:20px;}
.WrapperLeft{ border:1px solid #dddddd; margin-bottom:15px; width:760px; float:left;}
.WrapperLeft h1 {padding-left: 10px;line-height: 45px;height: 55px;background:url(../images/background.png)0 -108px repeat-x;}
.WrapperLeft .IndexProWrap{ width:766px;}
.WrapperLeft .IndexProContainer{width:766px;}
.WrapperLeft .IndexProWrap li{ width:230px; height:160px;  margin-left:8px; margin-bottom:25px; }
.WrapperLeft .IndexProImg{ width:230px; height:137px;}
.WrapperLeft .IndexProContainer ul li p {width:175px;height:137px;left:0px;bottom: -17px; font-size:14px;}
.WrapperLeft .IndexProNameContent{ width:192px; font-size:12px;}
.ListPage {height: 15px;margin:0 290px 25px 200px;padding-top:20px;text-align: center;width: 300px;}
.ListPage a{float: left;height: 30px;padding-right: 10px;display: block;}

.WrapperRight{margin-left:762px;*margin-left:0px;position:absolute;float:left;width: 242px; border:1px solid #dddddd; border-left:none;background:url(../images/rightTitle.jpg) repeat-x;}
.WrapperRight h1 {font-weight: bold;font-size: 14px;color: #000;padding-left: 25px;text-align:left;background:url(../images/icon.png) no-repeat -15px -14px;line-height: 29px;height: 29px;}
.WrapperRight .RightItemLi {border-bottom: 1px solid #d6d6d6;display:block;height:40px;width:100%;line-height:40px;overflow: hidden;text-indent:20px;}
.WrapperRight .RightItemLi a{display:block;height:40px;width:100%; color:#333;}
.WrapperRight .RightItemLi a:hover{ background:#3b96dc; color:#FFF;}
.WrapperRight .hover a{ color:#f33a4a;}
.Case{ text-align:center; margin-top:20px; line-height:30px; }
.Red{ color:#900;}
.Introduction{ text-align:left; text-indent:20PX;}
.Introduction .Title{ text-align:left; text-indent:30px; background:#f9f9f9;}
.Introduction P{ padding:0 20px;}


/*新闻动态*/
.WrapperInner{width:760px;}
.News li {width: 720px; display: block; padding: 10px; margin: auto 10px; border-bottom:1px dashed #999;}
.NewsPic {width: 200px;height: 120px;background: red;float: left;}
.NewRight {width: 500px;float:right;}
.NewRight a{ width:100%;}
.NewsTitle {font-size: 18px;color: #0A0A0A;}
.NewsDate {font-size: 12px;margin-top: 4px;color: #2E2E2E;line-height: 22px;}
.NewsDesc {font-size:12px;margin-top: 4px;color: #4F4F4F;line-height: 22px;}
.NewsLink {color: #626262;text-decoration: underline;line-height: 32px;  margin:10px 0 10px 0;}
.NewszxTtitle ,.ZxTtitle{color: #CD3301;font-size: 16px;text-align: center;line-height: 23px;padding:10px 0; font-weight:bold;}
.Newsly ,.Ly{margin-top: -5px;padding: 0 0 5px 0;font-weight: normal;display: block;text-align:center;border-bottom: #ccc 1px dotted;position: relative;}
.NewsMainCt {padding: 15px;line-height: 200%;font-size: 14px;}
.NewsMainCt p{ margin-top:10px;}
.InfoNext{background: #e5e5e5;width: 40%;text-align: center;margin: 30px 0;height:30px;line-height:30px;cursor: pointer;}
.InfoNext a{color:#3b96dc;}


/*留言板*/
.GestBook{ margin-top:10px; line-height:30px;}
.GestBook .ListPage{ line-height:20px;}
.GestBook input{ height:25px; line-height:25px;}
.BookItem{ margin-bottom:10px; border-top:1px #CCC solid; border-bottom:1px #CCC solid;}
.BookTitle{font-size:14px; font-weight:800; color:#036; border-bottom:1px #930 dotted;}
.BookText{ text-indent:2em; line-height:1.5em; min-height:50px; text-align:left; vertical-align:top;}
.BookReply{font-size:12px; border-top:1px #CCC solid; padding-top:8px; text-align:left;}
.button_sub {   display: inline-block;   outline: none;   cursor: pointer;   text-align: center;   text-decoration: none;   font: 14px/100% Arial, Helvetica, sans-serif;   padding: .5em 2em .55em;   text-shadow: 0 1px 1px rgba(0,0,0,.3);   -webkit-border-radius: .5em;   -moz-border-radius: .5em;   border-radius: .5em;   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);   box-shadow: 0 1px 2px rgba(0,0,0,.2);  } 

.button_sub:hover {  text-decoration: none;  }
.button_sub:active {  position: relative;   top: 1px;  }